<template>
  <svg :style="{width:width+'px',height:height+'px'}">
    <use :xlink:href="prefix + name" :style="{fill:color}"></use>
  </svg>
</template>

<script lang="ts" setup>
defineProps(
    {
      name: {
        type: String,
        default: ''
      },
      prefix: {
        type: String,
        default: '#icon-'
      },
      color: {
        type: String,
        default: '#000'
      },
      width: {
        type: Number,
        default: 16
      },
      height: {
        type: Number,
        default: 16
      }
    }
)
</script>

<style scoped>

</style>
